<!-- 钩子函数之更新数据 --> 
<script src="vue.js"></script> 
  <div id="app"> 
    <div v-if="isShow" ref="div">需要更新的数据</div>
    <button @click="isShow=!isShow">更新数据</button>
 
  </div> 
 
  <script> 
    var vue = new Vue({  
        el:'#app', 
        data: {  
            msg:"我更新了",
            isShow:true,
  },
    updated(){  
        console.log("更新数据之后"); 
        console.log(this.$refs.div) 
  }, 
    beforUpdate(){  
        console.log("更新数据之前"); 
        console.log( this.$refs.div) 
    }
  }) 
  </script>